<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" media="all" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
</head>
<body>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-lg-offset3 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header">表单</div>
                <div class="layui-card-body">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">标题</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" name="title" xid="test">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">拾取器</label>
                            <div class="layui-input-block">
                                <input type="hidden" class="layui-input" name="title" xid="test">
                                <div id="test" style="cursor: pointer;border:1px solid #e6e6e6;padding-left:10px;padding-top:10px;line-height: 38px;">
                                    
                                    
                                    <div class="layui-btn-container">
                                                <button type="button" class="layui-btn">按钮一</button> 
                                                <button type="button" class="layui-btn">按钮二22</button> 
                                                <button type="button" class="layui-btn">按钮三333</button>
                                                <button type="button" class="layui-btn">按钮一4444</button>
                                                <button type="button" class="layui-btn">按钮二55555</button> 
                                                <button type="button" class="layui-btn">按钮三</button> 
                                                <button type="button" class="layui-btn">按钮一</button>
                                                <button type="button" class="layui-btn">按钮二</button> 
                                                <button type="button" class="layui-btn">按钮三</button> 
                                                <button type="button" class="layui-btn">按钮一</button>
                                                <button type="button" class="layui-btn">按钮二</button> 
                                                <button type="button" class="layui-btn">按钮三</button> 
                                                <button type="button" class="layui-btn">按钮一</button>
                                                <button type="button" class="layui-btn">按钮二</button> 
                                                <button type="button" class="layui-btn">按钮三</button> 
                                              </div>
                                    
                                    
                                    
                                    
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
layui.config({base:'module/',version:'2019051101'});

layui.use(['picker'], function(picker){
    
    
    var code = `
    
    <div class="layui-btn-container">
    {{#  layui.each(d.data, function(index, item){ }}
    
    
        <button type="button" class="layui-btn">{{ item.dry_name }}</button>
      
    
    

    {{#  }); }}
    </div>
    
    
    
    
    `;
    
    picker.set("test", code);
});
</script>
</body>
</html>